body{
}

div{
    width: 200px;
    height: 50px;
    margin: auto;
    border: 2px solid gold;
    background: url("lib/landscape.png") -20px no-repeat;
}

.test{
    transition: width 2s;
}

.rotate{
    transform:rotate(-30deg);
    transform-origin: left center;
}

.translate{
    transform:translateX(90px);
    transform:translateY(0px);
}

.skew{
    transform:skewX(30deg);
    transform:skewY(10deg);
}

.scale{
    transform: scale(2,2);
}

.multi{
    transform: rotate(-40deg) scale(0.75) translate(-40%,-140%);
}

.multi-content{
    background:none;
    overflow: hidden;
    margin-top: 100px;
    height: 100px;
}

.reflect{
    border: 0px;
    -webkit-box-reflect: below 0 -webkit-linear-gradient(bottom,rgba(0,0,0,1),rgba(1,0,0,0));
    margin-bottom: 200px;
}